<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	>

<h:head>
<title> Artiste </title>
<link rel="stylesheet" type="text/css" href="${facesContext.externalContext.requestContextPath}/resource/css/Style.css" /> 
</h:head>

<h:body>
<ui:include src="/entete.xhtml" />
   	<h:form>
	 	<p:toolbar>
        	<f:facet name="left">
        	    <p:button type="button" value="Nouveau" outcome="/AjouterArtiste"  />
   			</f:facet>
   		</p:toolbar>
   	</h:form>
   	<h:form>
   	<p:dataGrid var="per" value="#{beanArtiste.personnes}" columns="3" layout="grid"
        rows="12" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
        >  
        <p:panel header="#{per.nom}  #{per.prenom}" style="text-align:center">
            <h:panelGrid columns="1" style="width:100%">
            	<h:commandLink action="AffichageArtiste.xhtml">
			 		<f:setPropertyActionListener value="#{per}" target="#{beanArtiste.personne}" />
                	<p:graphicImage value="#{per.lien_photo}" /> 
 				</h:commandLink>
 				<h:outputLabel value="consulter :" />
                <h:outputLabel value="#{per.nbrCliques}" />
            </h:panelGrid>
        </p:panel>       
   	</p:dataGrid>
   	</h:form>


<ui:include src="/Pied.xhtml"/>
</h:body>

</html>